<!-- 没用到 -->
<template>
  <div>
    <div v-show="!showQuery" class="echartsTab" @click="showQuery = !showQuery">
      查询条件
      <i v-show="!showQuery" class="el-icon-arrow-left" />
      <i v-show="showQuery" class="el-icon-arrow-right" />
    </div>
    <el-collapse-transition>
      <div v-show="showQuery" class="queryBox">
        <div class="queryBoxTitle" @click="handlerQuery">
          <div class="titleIcom"><i class="el-icon-s-unfold" /></div>
          <div>查询条件</div>
          <div />
        </div>

        <el-form
          ref="queryForm1"
          :model="queryForm1"
          :inline="true"
          class="search-form"
        >
          <el-form-item label-width="80px" label="新增条件">
            <el-select v-model="addselect">
              <el-option
                v-for="item in querySelectList"
                :key="item.value"
                :value="item.value"
                :label="item.label"
              />
            </el-select>
            <el-button class="btn search-add-btn" @click="inputSlotHandle"
              >新增</el-button
            >
          </el-form-item>
          <el-form-item
            v-for="item in queryList"
            :key="item.prop"
            label-width="80px"
            :label="item.lable + ':'"
          >
            <el-input
              v-model="queryForm1[item.prop]"
              clearable
              :placeholder="item.label"
            />
          </el-form-item>
          <el-form-item>
            <el-button type="primary" class="btn" @click="onReset"
              >重置</el-button
            >
            <el-button type="primary" class="btn" @click="getData(1)"
              >查询</el-button
            >
          </el-form-item>
        </el-form>
      </div>
    </el-collapse-transition>
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return {
      showQuery: false,
    };
  },
  computed: {},
  watch: {},
  activated() {},
  mounted() {},
  methods: {
    handlerQuery() {
      this.$set(this, "showQuery", false);
    },
  },
};
</script>
<style lang="scss" scoped></style>
